博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
文件上传前压缩图片尺寸大小,支持安卓微信APP浏览器
阅读量:6591 次
发布时间:2019-06-24

本文共 1826 字,大约阅读时间需要 6 分钟。

function ImageFileResize(file, maxWidth, maxHeight, callback) {        var Img = new Image;        var canvas = document.createElement('canvas');        var ctx = canvas.getContext('2d');        Img.onload = function() {            if (Img.width>maxWidth || Img.height>maxHeight) {                var bili = Math.max(Img.width/maxWidth, Img.height/maxHeight);                canvas.width = Img.width/bili;                canvas.height = Img.height/bili;            }else{                canvas.width = Img.width;                canvas.height = Img.height;            }            ctx.drawImage(Img, 0, 0, Img.width, Img.height, 0, 0, canvas.width, canvas.height);//            $('body').append(canvas);            callback(canvas.toDataURL());        };        try{            Img.src = window.URL.createObjectURL(file);        }catch(err){            try{                Img.src = window.webkitURL.createObjectURL(file);            }catch(err){                alert(err.message);            }        }    }    $('.js-uploader').on('click', function () {        var $clickObj = $(this);        var $fileInput = $('');        $fileInput.on('change',function () {            $clickObj.text('正在上传...');            ImageFileResize($fileInput[0].files[0], 800, 800, function (dataUrl) {                $.ajax({                    type: "POST",                    url: "
createMobileUrl('Upload')?>", data: {imgDatUrl:dataUrl}, success : function (ret) { $clickObj.prev().remove(); $clickObj.before(" "); $clickObj.next().val(ret.path); $clickObj.text('重新上传'); }, dataType : "json" }); }); }); $fileInput.click(); });

转载地址:http://nyuio.baihongyu.com/

你可能感兴趣的文章
数据库--MyBatis的(insert,update,delete)三种批量操作
查看>>
谈谈Vue.js——vue-resource全攻略
查看>>
源路由 就是指定数据传输经过这个路由服务器
查看>>
关于计算一对亲和数的探索
查看>>
Codeforces Round #566 (Div. 2) C. Beautiful Lyrics
查看>>
SQL 在OPENQUERY中使用参数
查看>>
Yii2 配置yii2-redis扩展
查看>>
CentOS下搭建LNMP+WordPress+http2.0教程
查看>>
正则表达式
查看>>
github使用小知识点查阅
查看>>
手把手教你画嘴巴,以后再也不怕画嘴巴了
查看>>
Python数据挖掘与机器学习_通信信用风险评估实战(1)——读数据
查看>>
发个项目需求大家瞅瞅
查看>>
初识Svelte
查看>>
【查找算法】基于存储的查找算法(哈希查找)
查看>>
改用ServletRequestAttributes
查看>>
项目空隙
查看>>
LintCode 前序遍历和中序遍历树构造二叉树
查看>>
Electron入门教程
查看>>
ubuntu 14 server vsftp login incorrect 530
查看>>